<template>
  <div id="myeditor"></div>
</template>

<script setup>
import E from 'wangeditor'
import { onMounted, defineEmits, defineProps } from 'vue'
const emit = defineEmits(['event'])
const props = defineProps({
  content: String
})
onMounted(() => {
  const editor = new E('#myeditor')
  editor.create()

  // 设置初始值
  props.content && editor.txt.html(props.content)

  // 配置 onchange 回调函数
  editor.config.onchange = function (newHtml) {
    // console.log('change 之后最新的 html', newHtml)

    // 子传父
    emit('event', newHtml)
  }
})
</script>

<style></style>
